// 1、获取分类列表
function getCategoryList() {
    http.ajax({
        type: 'get',
        url: '/admin/category/list',
        success: (res) => {
            // 1.1 把数据渲染到页面
            const renderResult = template('categoryTemplate', res)
            $('#selCategory').html(renderResult)
        }
    })
}

// 2、筛选文章
function search(page) {
    // 2.1 获取用户选择的下拉框的值
    // 获取选择的分类, 注意，如果option有value属性，就获取value，否则会获取文本
    const cateId = $('#selCategory').val();
    // 获取筛选文章的状态
    const status = $('#selStatus').val();
    http.ajax({
        type: 'get',
        url: '/admin/article/query',
        data: { type: cateId, state: status, page, perpage: 10 },
        success: (res) => {
            const renderResult = template('articleTemplate', res)
            $('tbody').html(renderResult);
            // 等数据回来再初始化分页插件
            console.log(res.data.totalPage, 'res.data.totalPage')
            initPagination(res.data.totalPage);
        }
    })
}

search(1);

let currentPage = 1;
// 初始化分页插件
function initPagination(totalPage) {
    // 插件重复初始化的时候，没法重新计算总页面，这是插件本身的bug
    $('#pagination').twbsPagination({
        totalPages: totalPage, // 总的页数
        visiblePages: 7, // 显示多少页
        first: '首页',
        last: '末页',
        prev: '上一页',
        next: '下一页',
        // 当点击页码获取对应页面数据
        onPageClick: (event, page) => {
            // 记录当前所处的页面
            currentPage = page;
            //  重新请求数据
            search(page);
        }
    });
}

function delArticle(id) {
    http.ajax({
        type: 'post',
        url: '/admin/article/delete',
        data: { id },
        success: (res) => {
            console.log(res)
            if (res.code === 204) {
                // 怎么解决当前所处页码问题
                search(currentPage);
            }
        }
    })
}


getCategoryList();